/* assets/css/aos-custom.css */
/* 自定义动画配置 */

[data-aos="custom-slide-down"] {
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  &.aos-animate {
    transform: scaleY(1);
    opacity: 1;
  }
}



/* 自定义：从下往上滑入效果 */
[data-aos="custom-slide-up"] {
  transform: scaleY(0);
  transform-origin: bottom;
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  &.aos-animate {
    transform: scaleY(1);
    opacity: 1;
  }
}


/* 自定义：从屏幕最右侧进入 */
[data-aos="fade-in-from-right"] {
  /* 初始位置：屏幕右侧外部 */
  transform: translateX(100vw);
  opacity: 0;
  transition-property: transform, opacity;
}

[data-aos="fade-in-from-right"].aos-animate {
  /* 最终位置：元素的实际位置 */
  transform: translateX(0);
  opacity: 1;
}

/* 自定义：从屏幕右侧进入并带有缩放效果 */
[data-aos="zoom-in-from-right"] {
  transform: translateX(100vw) scale(0.7);
  opacity: 0;
  transition-property: transform, opacity;
}

[data-aos="zoom-in-from-right"].aos-animate {
  transform: translateX(0) scale(1);
  opacity: 1;
}

/* 自定义：从右侧快速滑入效果 */
[data-aos="light-speed-in-right"] {
  transform: translateX(100vw) skewX(30deg);
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform-origin: right center;
  will-change: transform, opacity;
  backface-visibility: hidden;
  perspective: 1000px;
}

[data-aos="light-speed-in-right"].aos-animate {
  transform: translateX(0) skewX(0);
  opacity: 1;
}

/* 自定义：从屏幕最左侧进入 */
[data-aos="fade-in-from-left"] {
  /* 初始位置：屏幕左侧外部 */
  transform: translateX(-100vw);
  opacity: 0;
  transition-property: transform, opacity;
}

[data-aos="fade-in-from-left"].aos-animate {
  /* 最终位置：元素的实际位置 */
  transform: translateX(0);
  opacity: 1;
}
